.header {
	height:60px;
	background:url(../images/header-bg.png) repeat-x;
}
.warp-content {
	margin:0 8px 8px;
	border-radius:8px;
	background-color:#FFF;
	position:relative;
}
.sidebar {
	border-right:1px solid #BEBEBE;
	width:244px;
	float:left;
	z-index:2;
	position:absolute;
	left: 0;
	background-color:#fff;
	border-top-left-radius:12px;
}
/*
@media (max-width:1275px) {
	.sidebar {
		display:none;
	}
}
*/
.content {
	border-top-right-radius:12px;
	box-shadow:0px 7px 12px #c8c8c8 inset;
	-moz-box-shadow:0px 7px 12px #c8c8c8 inset;
	-webkit-box-shadow:0px 7px 12px #c8c8c8 inset;
	background-color:#fff;
	margin-left:240px;
	border-radius:12px;
    position: relative !important;
	/*height:inherit;*/
}

/*@media (max-width:1275px) {
	.content {
		margin-left:0;		
	}
}
*/
/*logo   strat*/
.header-seperation {
	float:left;
	height:70px;
	padding-left:10px;
	padding-top:12px;
	padding-right:10px;
}
.logo {
	display:inline-block;
	background-image:url(../images/logo.png);
	width:28px;
	height:28px;
	margin-top:3px;
	float:left;
	margin-right:10px;
}
.logo-font {
	display:inline-block;
	font-size:22px;
	font-weight:bold;
	color:#fff;
}
@media (max-width:1105px) {
	.logo-font {
		display:none;
	}
}
/*logo end*/
/*ģ����й���  ��ʼ*/
.call-f {
	width:333px;
	height:60px;
	border-radius:10px;
	float:left;
	background-color:#3b91ce;
	margin:0px 25px 5px 5px;
	padding:7px 15px;
}
@media (max-width:1405px) {
	.call-f {
		display:none;
	}
}
.call-left,.call-center,.call-right {
	height:46px;
	float:left;
}
.call-left {
	width:44px;
	margin-right:5px;
}
.call-busy {
	background-image:url(../images/call-busy.png);
	width:44px;
	height:14px;
	margin-bottom:2px;
}
.call-free {
	background-image:url(../images/call-free.png);
	width:44px;
	height:14px;
	margin-bottom:2px;
}
.call-busy span,.call-free span {
	width: 44px;
	height: 14px;
	float: left;
	font-size: 12px;
	font-weight: bold;
	font-family: "Arial";
	text-align: center;
	display: inline-block;
}
.call-center {
	width:165px;
	margin-right:4px;
	background-color:#fff;
	border-radius:5px;
	border:1px solid #7e7e7e;
	padding:5px;
}
.call-input {
	height:23px;
	width:154px;
	border:1px solid #b9c6cf;
	text-align:right;
	padding-top:4px;
	padding-right:4px;
	font-weight:bold;
}
.call-right {
	width:82px;
	height:45px;
}
.call-right-l{
	cursor:pointer;
	width:42px;
	height:45px;
	float:left;
	background:url(../images/call-pic.png) no-repeat 0 0;
	}
.call-right-r{
	cursor:pointer;
	width:40px;
	height:45px;
	float:left;
	background:url(../images/call-pic.png) no-repeat -42px 0;
	}
/*ģ����й���  ����*/
/*header�й��ܰ�ť  ��ʼ*/
.nav > li {
	margin:0px;
	padding:0px;
	text-align:center;
	display:inline-block;
	float:left;
	height:60px;
	width:55px;
	border-left:1px solid #3f99d3;
	border-right:1px solid #54a7da;
	color:#FFF;
}
.nav > li.active {
	box-shadow:0px 7px 20px #0143a1 inset;
	-moz-box-shadow:0px 7px 20px #0143a1 inset;
	-webkit-box-shadow:0px 7px 20px #0143a1 inset;
}
.nav > li a:hover {
	background-color:#027ad0;
	box-shadow:0px 7px 20px #0143a1 inset;
	-moz-box-shadow:0px 7px 20px #0143a1 inset;
	-webkit-box-shadow:0px 7px 20px #0143a1 inset;
}
.nav > li a:focus {
	background-color:transparent;
}
/*���ɵ��*/
.nav > li.disabled a,.nav > li.disabled a:hover {
	background-color:#42a6de;
	color:#236a9c;
	box-shadow:none;
}
.nav li a {
	display:block;
	height:inherit;
	color:#fff;
	padding:5px;
}
.nav > li i {
	width:100%;
	font-size:22px;
	color:#FFF;
	margin-top:5px;
}
.nav > li.disabled i {
	color:#236a9c;
}
/*header�й��ܰ�ť   ����*/
/*�Ҳ�˵� */
/*������Ϣ*/
.information {
	width:243px;
	height:75px;
	padding-top:10px;
	box-shadow:0px 7px 12px #c8c8c8 inset;
	-moz-box-shadow:0px 7px 12px #c8c8c8 inset;
	-webkit-box-shadow:0px 7px 12px #c8c8c8 inset;
	border-top-left-radius:10px;
	background-image:-webkit-gradient(linear,left top,left bottom,from( #f1f1f1 ),to( #f9f9f9 ));
	background-image:-webkit-linear-gradient( #f1f1f1,#f9f9f9 );
	background-image:-moz-linear-gradient( #f1f1f1,#f9f9f9 );
	background-image:-ms-linear-gradient( #f1f1f1,#f9f9f9 );
	background-image:-o-linear-gradient( #f1f1f1,#f9f9f9 );
	background-image:linear-gradient( #f1f1f1,#f9f9f9 );
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1',endColorstr='#f9f9f9',GradientType=0 );
}
.information-left {
	margin-right:9px;
	margin-left:9px;
	width:52px;
	height:55px;
	float:left;
}
.photo {
	width:52px;
	height:50px;
}
@media (max-width:1275px) {
	.judge-1024 {
		display:block;
	}
}
.information-center {
	width:128px;
	height:55px;
	float:left;
	padding-top:8px;
}
span.user-name {
	font-size:16px;
	font-weight:900;
	width: 65px;
	color:#000;
}
.bold {
	font-weight:bold;
}
.information-right {
	width:42px;
	height:38px;
	float:left;
	border-left:1px solid;
	margin-top:10px;
}
.exit-f {
	display:inline-block;
	padding-left:7px;
	padding-top:5px;
	color:#000;
}
.exit {
	background-image:url(../images/right_arrow.png);
	background-repeat:no-repeat;
	margin-left:7px;
	margin-bottom:2px;
	width:10px;
	height:11px;
	display:block;
}
/*�˵�����*/
.menu-pic-f {
	height:36px;
	background-color:#52565a;
	border-top:1px solid #bcbbbb;
}
.menu-pic-f li {
	width:81px;
	height:35px;
	display:inline;
	border-left:1px solid #727579;
	border-right:1px solid #212224;
	float:left;
	text-align:center;
	cursor:pointer;
}
.menu-pic-f li.active {
	background-color:#FFF;
	border:0;
	border-top-right-radius:5px;
	box-shadow:0px 7px 12px #c8c8c8 inset;
	-moz-box-shadow:0px 7px 12px #c8c8c8 inset;
	-webkit-box-shadow:0px 7px 12px #c8c8c8 inset;
}
.menu-pic-f li a {
	width:80px;
	height:35px;
	display:inline-block;
}
.menu-pic-f i {
	color:#fff;
	font-size:24px;
	margin-top:8px;
}
.menu-pic-f li.active i {
	color:#000;
}
/*p*/
.menu-title {
	padding-left:31px;
	padding-right:39px;
	padding-top:15px;
	text-transform:uppercase;
	font-weight:600;
	letter-spacing:0.2px;
	margin-bottom:10px;
}
.menu-title i {
	color:#7e7e90;
}
/*��������*/
.badge {
	background-color:#ea4949;
	margin-left:50px;
	padding:2px 4px;
}
/*��ͷ*/
a > .nextArrow:before {
	float:right;
	margin-right:10px;
	display:inline;
	font-size:16px;
	font-family:FontAwesome;
	height:auto;
	content:"\f105";
}
a > .nextdown:before {
	float:right;
	margin-right:7px;
	display:inline;
	font-size:16px;
	font-family:FontAwesome;
	height:auto;
	content:"\f107";
}
/*�˵��б�*/
.menu-list a {
	height: 38px;
	display:block;
	padding:9px 31px;
	color:#313131;
	font-weight:bold;
}
.menu-list >li > a:hover,.menu-list >li.active > a {
	background:url(../images/tree-bg.png) repeat-x;
	color:#fff;
	text-decoration:none;
}
/*�����˵�*/
.menu-list >li .secondary-menu {
	display:none;
}
.menu-list >li.active .secondary-menu {
	display:block;
}
.secondary-menu a {
	padding:8px 60px;
	border-bottom: 1px solid #d9d9d9;
}
.secondary-menu li a:hover,.secondary-menu li.active a {
	box-shadow:none;
	background-image:none;
	background-color:#e8e8e8;
	color:#313131;
}
/*���ù���*/
/*ul���ϱ߿�*/
.folders {
	border-top:1px solid #e6e6e6;
	padding-top:5px;
}
/*���ù��ܵ���������*/
.folders .badge {
	margin-left:15px;
}
ul.folders> li >a {
	padding:5px 31px;
	color:#000;
	display:block;
}
/*���ù����е�ԲȦͼƬ*/
.status-icon {
	background:url('../images/status.png') no-repeat;
	position:relative;
	display:inline-block;
	margin-right:10px;
	top:2px;
}
/*��ɫ*/
.status-icon.green {
	background-position:-1px -1px;
	width:14px;
	height:14px;
}
/*��ɫ*/
.status-icon.red {
	background-position:-17px -1px;
	width:14px;
	height:14px;
}
/*��ɫ*/
.status-icon.blue {
	background-position:-33px -1px;
	width:14px;
	height:14px;
}
/*�Ҳ� �˵�   ����*/

/*index style end*/

/*���ݱ���  ��ͷ��*/
.content-header {
	height:74px;
}
.mini-menu {
	display:none;
	height:74px;
	width:71px;
	padding-top:10px;
	padding-left:10px;
	float:left;
	border-right:1px solid #c3c3c3;
	box-shadow:0px 7px 12px #c8c8c8 inset;
	-moz-box-shadow:0px 7px 12px #c8c8c8 inset;
	-webkit-box-shadow:0px 7px 12px #c8c8c8 inset;
	border-top-left-radius:10px;
	background-image:-webkit-gradient(linear,left top,left bottom,from( #f1f1f1 ),to( #f9f9f9 ));
	background-image:-webkit-linear-gradient( #f1f1f1,#f9f9f9 );
	background-image:-moz-linear-gradient( #f1f1f1,#f9f9f9 );
	background-image:-ms-linear-gradient( #f1f1f1,#f9f9f9 );
	background-image:-o-linear-gradient( #f1f1f1,#f9f9f9 );
	background-image:linear-gradient( #f1f1f1,#f9f9f9 );
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1',endColorstr='#f9f9f9',GradientType=0 );
}
/*
@media (max-width:1275px) {
	.mini-menu {
		display:block;
	}
}
*/
.photo-f {
	background-image:url(../images/photo-1024.png);
	height:58px;
	width:50px;
}
.photo-1024 {
	background-image:url(../images/photo.png);
	height:49px;
	width:48px;
	margin-top:1px;
	margin-left:1px;
	border-radius:5px;
}
.container-title {
	font-size:24px;
	margin-bottom:25px;
	margin-top:25px;
	margin-left:25px;
	display:inline-block;
}
/*��Ȩ*/
.copyright {
	height: 24px;
	line-height: 20px;
	padding: 0 10px;
	border-left: 1px solid #B9B9B9;
	border-top: 1px solid #CCC;
	color: #666;
	position:absolute;
	bottom:0;
	margin-left:5px;
	z-index: 1986;
	background-image:-webkit-gradient(linear,left top,left bottom,from( #F1F1F1 ),to( #C3C3C3 ));
	background-image:-webkit-linear-gradient( #F1F1F1,#C3C3C3 );
	background-image:-moz-linear-gradient( #F1F1F1,#C3C3C3 );
	background-image:-ms-linear-gradient( #F1F1F1,#C3C3C3 );
	background-image:-o-linear-gradient( #F1F1F1,#C3C3C3 );
	background-image:linear-gradient( #F1F1F1,#C3C3C3 );
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#F1F1F1',endColorstr='#C3C3C3',GradientType=0 );
}
.copyright span{
	margin-right: 20px;
	display:block; float:left;
}
.copyright span.logo-mini {
	display:inline-block;
	font-size:12px;
	color:#666;
	margin-right: 0;
	text-shadow: 1px 1px 0px #FFFFFF;
	float:right;
}
.copyright i.logo-mini-pic {
	display:inline-block;
	background-image:url(../images/logo-copyright.png);
	width:16px;
	height:16px;
	margin-top:3px;
	float:left;
	margin-right:10px;
}

/*�������츸����ǩ��ʽ*/
.easyui-draggable{ width:580px; height:550px; position:absolute; bottom:32px; z-index:1000000;}
.easyui-draggable iframe{ width:580px; height:550px;}
.frame-position-rb{ right:32px;}
.frame-position-c{}
.easyui-draggable{ right:32px;}
#drag-chat{width:460px; height:25px; position:absolute; margin-left:8px;}
#chat-min-window{ width:32px; height:23px; background:url(images/minwin-chat.png) no-repeat; display:none; cursor:pointer;}

/*���˵����ݳ���ʱ��ʾ������*/
.tab-content{overflow-y:auto;}
/*�Ҳ�index���ݳ���ʱ��ʾ������*/
#mainPageDiv{overflow-y:auto;}